.block_slides {
    display: block;
    &.slideshow_anime {
        .swiper-slide {
            opacity: 0 !important;
            img {
                transform: scale(1.2);
                transition: all .25s ease-in-out;
            }
            .content {
                &>div {
                    opacity: 0;
                    transform: translateY(20px);
                    transition: all .5s ease-in-out;
                }
                .slide-detail {
                    transition-delay: 50ms;
                }
                .btn_wrap {
                    transition-delay: 100ms;
                }
            }
            &.swiper-slide-active {
                opacity: 1 !important;
                img{
                    transform: none;
                }
                .content {
                    &>div{
                        transform: none;
                        opacity: 1;
                    }
                }
            }
        }
       
    }
    .swiper-pagination {
        bottom: 20px;
        .swiper-pagination-bullet {
            width: 12px;
            height: 12px;
            margin: 0 7px;
            opacity: 1;
            background-color: transparent;
            box-sizing: border-box;
            border: 1px solid #1d1f21;
            &.swiper-pagination-bullet-active {
                background-color: #1d1f21;
            }
        }
    }
  .img_box {
    &::after {
        content: '';
        position: absolute;
        height: 100%;
        width: 100%;
        background-color: var(--mask-color);
        left: 0;
        top: 0;
    }
    img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    &.img-small {
      height: 420px;
      @media screen and (max-width: 767px) {
        height: 50vh;
      }
    }
    &.img-middle {
        height: 600px;
        @media screen and (max-width: 767px) {
            height: 70vh;
        }
    }
    &.img-big {
        height: 800px;
        @media screen and (max-width: 767px) {
            height: 100vh;
        }
    }
  }
  .text_box {
    color: var(--text-color);
    .container_wrapper {
        &.top-left{
            justify-content: flex-start;
            align-items: flex-start;
            text-align: left;
        }
        &.top-center{
            justify-content: center;
            align-items: flex-start;
            text-align: center;
        }
        &.top-right{
            justify-content: flex-end;
            align-items: flex-start;
            text-align: right;
        }
        &.center-left{
            align-items: center;
            justify-content: flex-start;
            text-align: left;
        }
        &.center-center{
            align-items: center;
            justify-content: center;
            text-align: center;
        }
        &.center-right{
            align-items: center;
            justify-content: flex-end;
            text-align: right;
        }
        &.bottom-left{
            align-items: flex-end;
            justify-content: flex-start;
            text-align: left;
        }
        &.bottom-center{
            align-items: flex-end;
            justify-content: center;
            text-align: center;
        }
        &.bottom-right{
            align-items: flex-end;
            justify-content: flex-end;
            text-align: right;
        }
        .slide-title {
            font-size: var(--size);
            @media screen and (max-width: 767px) {
                font-size: calc(var(--size) * 0.6);
            }
        }
        .public_btn {
            background-color: var(--btn-bg);
            color: var(--btn-color);
            border-color: var(--btn-bg);
            &:hover {
                background-color: var(--btn-color);
                color: var(--btn-bg);
            }
        }
    }
  }
}
